body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,figure,hr,menu,dir,thead,tbody,tfoot,th,td {
    margin:0;
    padding:0;
}

@font-face {
    font-family: 'YouYuan';
    src: url('../fonts/youyuan.ttf');
}

body {
    font-size: 12px;
    line-height: 1.5;
    font-family: 'helvetica neue', Tahoma,Simsun,sans-serif;
    background: rgba(0,0,0,.7); !important;
}

select {
    -webkit-appearance: menulist-button;
    -moz-appearance:menulist-button;
    appearance:menulist-button;
}

.section{
    position: absolute;
    background: rgba(0,0,0,.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*缩进*/
p.indent{
    text-indent:2em;
}

p.main-item{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 22px;
}

input[type=text]{
    padding-left: 5px;
    padding-right: 5px;
}

button{
    background: rgba(254,201,38,.7);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border:0px;
    outline:none;
}

button:hover, button:active, button:visited, textarea, textarea:active{
    outline:none;
}

a{
    border:0px;
    text-decoration:none;
    cursor:pointer;
    color:#fec926 !important;
}

a:active,a:hover,a:focus{
    outline:0 none;
}

a:hover{
    text-decoration:underline;
}

input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, input[type=button]:focus{
    outline: none !important;
    border-color: #fec926;
}

.box-fullscreen, .box-fullscreen body, .box-fullscreen .sec-bg{
    height: 100%;
}

.clear-bootstrap-padding{
    padding-right: 0px !important;
    padding-left: 0px !important
}

/*背景*/
.sec-bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.ui-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #eee;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*登录*/
.sec-login {
    position: relative;
    top: 140px;
    left: 50%;
    width: 424px;
    height: 394px;
    margin-left: 100px;
    background-color: rgba(128,128,128,0.6);
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.login-content{
    position: absolute;
    width: 414px;
    height: 385px;
    margin-left: 5px;
    margin-top: 5px;
    background-color: rgba(255,255,255,0.4);
    text-align: left;
}

.hl{
    position: absolute;
    width: 100%;
    height: 9px;
    background: #fec926;
}

.login-content .login-title{
    font-size: 22px;
    color: rgba(0,0,0,0.6);
    margin-top: 30px;
    margin-bottom: 48px;
    display: block;
    text-align: left;
    font-family: "Hiragino Sans GB";
}

.login-content .login-label {
    font-size: 19px;
    color: rgba(0,0,0,0.4);
    font-family: "YouYuan";
    margin-top: 5px;
}

.login-content input[type=text]:focus, .login-content input[type=password]:focus{
    outline: none !important;
    border-color: #fec926;
}

.login-content input[type=text], .login-content input[type=password]{
    width:262px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: left;
    border: 1px #535353 solid;
    border-radius:5px;
    padding-left: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: rgba(255,255,255,0.5);
    color: rgba(0,0,0,0.5);
}

.login-content .auto-login{
    font-weight: 200 !important;
    max-width: 100%;
    color: rgba(0,0,0,0.7);
    font-size: 15px;
    margin-top: 18px;
}

.login-content .auto-login input{
    margin-right: 5px;
    width: 15px;
    height:15px;
    position: relative;
    top:1.5px;
}

.login-content input[type=checkbox]{
    box-sizing: border-box;
    padding: 0;
}

.login-content #validMess{
    margin-top: 10px;
    margin-bottom: 10px;
    height: 15px;
    color:red;
    line-height: 15px;
    font-size: 15px;
    width: 100%;
    text-align: center;
}

.login-content .forget-psw{
    display: inline-block;
    margin-left: 67px;
}

.login-content .btn-login {
    display: block;
    width: 340px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    margin-left: 42px;
}

.btn-ini {
    display: inline-block;
    height: 28px;
    border: 1px solid #fec926;
    background-color: rgba(254,201,38,0.7);
    color: #fff;
    line-height: 28px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    overflow: visible;
}

.login-content .register{
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
}

.login-content .register a{
    color: gray !important;
}

/*顶部*/
.box-fixed-top, .box-fixed-bottom {
    position: fixed;
    position: absolute;
    width: 100%;
    z-index: 99;
}

.box-fixed-top{
    top: 0;
    left: 0;
}

.box-fullscreen .sec-header {
    background-color: rgba(0,0,0,0.5);
}

.box-fullscreen .sec-header, .box-fullscreen .sec-header .ui-logo {
    height: 72px;
    line-height: 72px;
    margin-top: 0px;
}

.box-fullscreen .ico-logo {
    position: absolute;
    top: 5px;
    left: 20px;
    width: 200px;
    height: 60px;
    background: url("../img/logo.png") no-repeat;
}

.box-fullscreen .title{
    position: absolute;
    left:68px;
    margin-top: 178px;
    width: 409px;
    height:71px;
    background: url("../img/title.png") no-repeat;
}

.reg-content{
    background-color: rgba(255,255,255,.8);
    width: 1088px;
    height: 394px;
    margin: 16px auto 0;
    min-height: 300px;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    margin-top: 100px;
}

.reg-content .section{
    position: absolute;
    width: 1078px;
    height: 384px;
    left:5px;
    top:5px;
    margin: 0 auto;
    background: rgba(0,0,0,.5);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.section .basic-info{
    width: 80%;
    height: 220px;
    left: 10%;
    top: 72px;
}

.basic-info{
    position: absolute;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(0,0,0,.3);
}

/*标题*/
.basic-info span{
    display: block;
    position: absolute;
    top: -34px;
    white-space: nowrap;
    font-size: 20px;
}

.basic-info .leftItem{
    text-align: right;
    height: 32px;
    font-size: 18px;
    margin-top: 5px;
    color: rgba(255,255,255,0.8);
}

.basic-info .rowInterval{
    margin-top: 3px;
}

.basic-info .rightItem{
    text-align: left;
    height: 32px;
    font-size: 18px;
}

.basic-info .errorMsg{
    margin-left: 76px;
    font-size: 15px;
    margin-top: 5px;
    color: red;
    white-space: nowrap;
}

.rightItem label{
    position: absolute;
    left: 23px;
    top: 8px;
    color: #999;
    font-size: 16px;
    line-height: 16px;
    z-index: 100;
}

.rightItem #mobile{
    position: absolute;
    top: 0;
    padding-left: 54px;
}

.rightItem input[type="text"], .rightItem input[type="password"]{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 263px;
    height: 31px;
    padding-left: 8px;
    color: #000;
}

.rightItem #captcha{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 100px;
}

.rightItem #get-captcha,.rightItem #reset-captcha{
    width: 150px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(254,201,38,.7);
    border-width: 0px;
    color: white;
    font-size: 18px;
    margin-left: 5px;
    height: 32px;
}

.rightItem #reset-captcha{
    display: none;
    background: rgba(0,0,0,.3) !important;
}

.reg-content .back{
    position: absolute;
    font-size: 18px;
    width: 100%;
    height: 30px;
    left: 10%;
    bottom: 30px;
}

.reg-content input[type="submit"]{
    width: 263px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(254,201,38,.7);
    border-width: 0px;
    color: white;
    font-size: 18px;
    margin-left: 5px;
    height: 43px !important;
    position: absolute;
    bottom: 26px;
    left: 333px;
}

/*注册成功*/
.reg-content .succ-info1, .reg-content .succ-info2{
    width: 80%;
    height: 60px;
    left: 10%;
    top: 72px;
}

.succ-info2{
    top: 150px !important;
    height: 148px !important;
}

.succ-info1, .succ-info2{
    position: absolute;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(0,0,0,.3);
}

.succ-info1 p{
    position: absolute;
    top: -34px;
    white-space: nowrap;
    font-size: 20px;
}

.succ-info1 span{
    position: absolute;
    width: 38px;
    height:38px;
    margin-right: 10px;
    left: 158px;
    top:11px;
    background: url("../img/done.png");
}

.succ-info1 div{
    position: absolute;
    font-size: 20px;
    top: 15px;
    left: 215px;
}

.succ-info2 .accinfo,.succ-info2 .passinfo,.succ-info2 .emailinfo, .succ-info2 .mobileinfo{
    position: relative;
    left: 158px;
    font-size: 18px;
}

.accinfo{
    margin-top: 18px;
}

/*context menu*/
.contextMenu{
    display:none;
    position:absolute;
    height:123px;
    width:105px;
    border:1px solid #000;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.contextMenu li{
    list-style: none;
    margin-top: 8px;
}

.contextMenu a{
    margin: 0 auto;
    display: block;
    width: 75px;
    height:30px;
    font-size: 15px;
    line-height: 30px;
    background: #fec926;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.contextMenu a:hover{
    background: #f5a200;
}

#bookedMenu, #bookableMenu{
    height: 85px !important;
}

#bookAndCheckMenu, #canCheckinMenu{
    height: 123px !important;
}

#awayMenu, #makeupMenu, #unlockMenu{
    height: 48px !important;
}

/*dashboard*/
.dashboard{
    height: 100%;
}

.dashboard .header{
    height: 30px;
    font-size: 15px;
    padding-top: 5px;
    min-width: 1200px;
    width: auto !important;
}
.header .brand{
    float: left;
    margin-left: 17px;
    background: gray;
    color: #fff;
    height: 18px;
    line-height: 18px;
    margin-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.header .bnbName{
    float: left;
    margin-left: 30px;
}

.header .onsale{
    float: left;
    margin-left: 10px;
}

.header #enableOnsale,.header #disableOnsale{
    float: left;
    margin-left: 10px;
    height: 21px;
    font-size: 12px;
    background: #848586;
    color: #fff;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}

.header #disableOnsale{
    background: #fec926 !important;
}

.header #enableOnsale:hover{
    background: #fec926;
}

.header #disableOnsale:hover{
    background: #848586 !important;
}

.header .contactus{
    float: right;
    margin-right: 17px;
}

.header .logininfo{
    float: right;
}

.header .logininfo p:first-child{
    display: inline;
    margin-right: 20px;
}

.header .logininfo p{
    display: inline;
    margin-left: 20px;
}

.header .message {
    float: right;
    margin-right: 20px;
}

.header span{
    width: 19px;
    height: 19px;
    float: left;
    margin-right: 5px;
}

.header #spe{
    width: 2px !important;
    margin-left: 10px;
}

.header .message span{
    width: 22px !important;
}

.header a{
    color: #000 !important;
    text-decoration: none;
}

.header a:hover{
    color: #feaf3d !important;
}

.contactus span{
    background: url("../img/dashboard/contactus.png");
}

.message span{
    background: url("../img/dashboard/message.png");
}

/*一级导航*/
.dashboard .nav{
    height: 90px;
    min-width: 1200px;
    width: auto !important;
}

.dashboard .first-nav{
    background-color: rgba(0,0,0,0.5);
    height: 50px;
}

.dashboard .ui-logo{
    height: 72px;
    line-height: 72px;
    margin-top: 0px;
    float: left;
}

.ui-logo .ico-logo1 {
    position: absolute;
    top: 35px;
    left: 20px;
    width: 150px;
    height: 40px;
    background: url("../img/dashboard/dash_logo.png") no-repeat;
}

.first-nav .first-menu{
    height: 50px;
    float: right;
}

.first-menu li{
    width: 125px;
    height: 50px;
    position: relative;
    text-align: center;
    float: left;
    list-style: none;
}

.first-menu li:hover{
    background:#c7c4a6;
}

.first-menu li.mainitem-selected{
    background: #fec926;
}

.first-menu li a{
    display: block;
    height: 50px;
    width: 100%;
    line-height: 50px;
    color: #fff !important;
    text-decoration: none;
    font-size: 20px;
}

/*二级导航*/
.dashboard .second-nav{
    background: #fec926;
    height: 40px;
    text-align: center;
}

.second-nav .searchForm{
    float: left;
    margin-left: 20px;
    margin-top: 8px;
}

.searchForm input[type="text"]{
    width: 141px;
    height: 24px;
    font-size: 15px;
    border-width: 0px;
}

.searchForm input[type="submit"]{
    height: 24px;
    width: 24px;
    border-width: 0px;
    background: url("../img/dashboard/search.png");
}

.second-nav .second-menu{
    height: 40px;
    display: inline-block;
}

.second-menu li{
    height: 25px;
    width: 110px;
    float: left;
    list-style: none;
    position: relative;
    text-align: center;
    margin-right: 50px;
    margin-top: 8px;
    border: solid 1px #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.second-menu li:hover{
    background: rgba(199, 153, 136, 0.5);
}

.second-menu li:last-child{
    margin-right: 0px;
}

.second-menu li.seconditem-selected{
    background: #f8fe98;
}

.second-menu li a{
    display: block;
    height: 100%;
    width: 100%;
    line-height: 25px;
    color: #000 !important;
    text-decoration: none;
    font-size: 15px;
}

/*时间轴*/
.calendarHeader{
    position: absolute;
    left: 0;
    width: 100%;
    height: 42px;
    background-color: lightgray;
}

.calendarHeader .roomCalendar{
    width: 186px;
    height: 42px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 15px;
    border-right: #a0a0a0 1px solid;
    border-bottom: #a0a0a0 1px solid;
}

.roomCalendar span{
    margin-left: 20px;
    margin-right: 5px;
}

.roomCalendar label{
    position: absolute;
    width: 15px;
    height: 15px;
    display: inline;
    background: url("../img/dashboard/calendarIcon.png");
    top: 14px;
    left: 144px;
}

.roomCalendar input[type="text"]{
    width: 106px;
    height: 22px;
    border-width: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.calendarHeader .availableInfo{
    position: absolute;
    top: 0;
    right: 0;
    left: 187px;
    margin-left: -1px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.availableInfo .timeAxis{
    width: 100%;
    table-layout: fixed;
    cursor: move;
}

.timeAxis .roomcount{
    width: 92px;
    height: 42px;
    font-size: 12px;
    font-weight: 400;
    padding-top: 2px;
    border-right: #a0a0a0 1px solid;
    border-bottom: #a0a0a0 1px solid;
}

.roomcount .dateValue, .roomcount .dateValue span{
    margin-left: 8px;
}

.roomcount .roomValue {
    position: relative;
    margin-left: 8px;
    margin-bottom: 18px;
}

.roomcount .roomValue span:first-child{
    position: absolute;
}

.roomcount .roomValue span:last-child{
    position: absolute;
    margin-left: 39px;
}

.roomcount strong{
    font-weight: 400;
}

/*dashboard左侧表格*/
.dashboard .leftSide {
    position: absolute;
    top: 161px;
    bottom: 0px;
    width: 186px;
    min-width: 186px;
    color: #000;
    font-size: 13px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.leftSide .leftTable {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -webkit-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    background: #fff0c4;
    margin-bottom: 20px;
}

.leftTable .roomRow {
    display: table-row;
    border: #a0a0a0 1px solid;
}

.roomRow th {
    border-right: #a0a0a0 1px solid;
}

.roomRow .roomTypeName, .roomRow .roomNum {
    cursor: move;
    text-align: center;
    vertical-align: middle;
    height: 52px;
}

.roomRow .roomTypeName {
    width: 107px;
}

.roomRow .roomNum {
    width: 70px;
}

/*dashboard右侧表格*/
.rightSide {
    position: absolute;
    top: 161px;
    right: 0;
    bottom: 0;
    left: 186px;
    overflow: scroll;
    padding-bottom: 20px;
}

.rightSide .rightTable {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -webkit-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    border-collapse: collapse;
    border-spacing: 0;
}

.rightTable tr{
    display: table-row;
}

.rightTable tr td{
    width: 92px;
    height: 52px;
    border-top: #a0a0a0 1px solid;
    border-right: #a0a0a0 1px solid;
    border-bottom: #a0a0a0 1px solid;
}

.rightTable tr td.bookable{
    background: #fff;
}

.bookable .bookableInfo, .booked .bookedInfo, .away .awayInfo, .locked .lockedInfo{
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 11px;
    white-space: nowrap;
    padding-top: 3px;
    padding: 0px;
    margin:0px;
}

.bookable .bookableInfo{
    background: #fff0c4;
    color: #4d4d4d;
}

.bookableInfo div{
    height: 13px;
    margin-top: 3px;
    line-height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    word-break: break-all;
    overflow: hidden;
}

.bookableInfo div:last-child{
    color: #ff7800;
}

.booked .bookedInfo{
    background: #fff78d;
    color: #7895ff;
}

.checkedin .checkedinInfo{
    background: #ffcfaa;
    color: #ff6633;
    height: 100%
}

.away .awayInfo{
    background: #e3bedf;
    color: #ca6ae9;
}

.locked .lockedInfo{
    background: #dcdedf;
    color: rgba(0,0,0, 0.7);
}

.bookedInfo div:first-child, .checkedinInfo div:first-child,
.awayInfo div:first-child, .lockedInfo div:first-child{
    margin-left: 5px;
}

.bookedInfo div:last-child, .checkedinInfo div:last-child, .awayInfo div:last-child{
    text-align: right;
    margin-top: 12px;
    margin-right: 5px;
    color: rgba(0,0,0, 0.7);
}

.lockedInfo div:last-child{
    width: 24px;
    height: 24px;
    margin-left: 21px;
    text-align: center;
    vertical-align: middle;
    background: url("../img/dashboard/lock.png") no-repeat;
}

/*弹层头部*/
.custom-modal-header{
    width: 100%;
    padding-left: 22px;
    padding-right: 22px;
    height: 41px;
}

.custom-modal-title{
    width: 100%;
    height: 38px;
    border-bottom:3px solid #fec926;
    font-size: 16px;
    font-weight: bolder;
    color: #4d4d4d;
    vertical-align: middle;
}

.custom-modal-title div:first-child{
    float: left;
    margin-top: 8px;
}

.custom-modal-title div:last-child{
    float: right;
    margin-top: 10px;
    width: 18px;
    height: 18px;
    background: url("../img/dashboard/modal-close.png");
    cursor: pointer;
}

.custom-modal-title div:last-child:hover{
    width: 18px;
    height: 18px;
    background: url("../img/dashboard/modal-close-hl.png");
}

/*修改密码弹层*/
.change-password-item, .change-email-item, .change-mobile-item, .change-name-item,
.new-employee-item{
    width: 100%;
    margin-top: 11px;
    font-size: 15px;
    color: #4d4d4d;
}

.change-password-item span:first-child, .change-email-item span:first-child,
.change-mobile-item span:first-child, .change-name-item span:first-child,
.new-employee-item span:first-child{
    position: absolute;
    right: 285px;
    margin-top: 3px;
}

.change-password-item span:last-child,.change-email-item span:last-child,
.change-mobile-item span:last-child, .change-name-item span:last-child,
.new-employee-item span:last-child{
    margin-left: 145px;
}


.change-password-item input[type=password], .new-employee-item input[type=password], .change-email-item input[type=text],
.change-mobile-item input[type=text], .change-name-item input[type=text],
.new-employee-item input[type=text]{
    width: 181px;
    height: 27px;
    border:1px solid #4d4d4d;
    padding-left: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.change-email-item div, .change-mobile-item div{
    float: right;
    width: 88px;
    height: 28px;
    font-size: 15px;
    margin-right: 86px;
}

.change-email-item div input[type=button], .change-mobile-item div input[type=button]{
    width: 100%;
    height: 27px;
    background: #4d4d4d;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-width: 0px;
}

.change-email-item div input[type=button]:hover,.change-mobile-item div input[type=button]:hover{
    background: #fec926;
}

#resetMailCaptcha, #resetMobileCaptcha{
    background: #d4d4d4;
    cursor: default;
}

#resetMailCaptcha:hover, #resetMobileCaptcha:hover{
    background: #d4d4d4;
    cursor: default;
}

#mailCaptcha, #mobileCaptcha{
    width: 80px;
    margin-left: 145px;
}

.change-password-body #saveBtn, .change-email-body #saveBtn, .new-bnb-permission-body #saveBtn,
.change-mobile-body #saveBtn, .change-name-body #saveBtn, .new-employee-body #saveBtn{
    width: 117px;
    height: 27px;
    background: #4d4d4d;
    color: #fff;;
    margin-top: 9px;
    margin-left: 144px;
}

.change-password-body #saveBtn:hover, .change-email-body #saveBtn:hover, .new-bnb-permission-body #saveBtn:hover,
.change-mobile-body #saveBtn:hover, .change-name-body #saveBtn:hover, .new-employee-body #saveBtn:hover{
    background: rgba(254,201,38,.7);
}

.change-password-body .errorMsg,  .change-email-body .errorMsg, .new-bnb-permission-body .errorMsg,
.change-mobile-body .errorMsg, .change-name-body .errorMsg, .new-employee-body .errorMsg{
    color: red;
    margin-top: 9px;
    height: 15px;
    margin-left: 144px;
}

.new-bnb-permission-body{
    padding-top: 15px;
    padding-bottom: 15px;
}

.new-bnb-permission-item{
    text-align: center;
    font-size: 15px;
}

.new-bnb-permission-item input[type="checkbox"]{
    width: 15px;
    height: 15px;
}

.operate-employee-body{
    width:100%;
    height: 100%;
    font-size: 15px;
    color: #4d4d4d;
}

.operate-employee-body div:first-child{
    width: 100%;
    height: 18px;
    margin-top: 39px;
    text-align: center;
}

.operate-employee-body div:last-child{
    width: 100%;
    height: 30px;
    margin-top: 43px;
    text-align: center;
}

.operate-employee-body div input[type=button]{
    width: 117px;
    height: 27px;
    border:1px solid #4d4d4d;
    background: #fff;
    color: #4d4d4d;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.operate-employee-body div input[type=button]:hover{
    background: #4d4d4d;
    color: #fff;
}

.operate-employee-body div:last-child span:first-child{
    margin-right: 60px;
}

/*帐号设置*/
.accountSetting {
    position: absolute;
    top: 150px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding-bottom: 20px;
}

.accountSetting a {
    color: #ff7800 !important;
    text-decoration: none;
}

.accountSetting a:hover {
    color: #fec926 !important;
    text-decoration: none;
}

.accountSetting .ownerInfo, .accountSetting .employeeInfo {
    width: 1201px;
    min-width: 1201px;
    margin: 0 auto;
}

.accountSetting .ownerInfo {
    height: 117px;
}

.accountSetting .employeeInfo {
    margin-top: 22px !important;
}

.ownerInfo .ownerTable, .employeeInfo .employeeTable {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    display: table;
    table-layout: fixed;
    box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -webkit-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    /*border-collapse: collapse;*/
    /*border-spacing: 0;*/
    border-collapse: separate; /*为了兼容IE会有白线的问题*/
    border-spacing: 0px 0px;
    border-bottom: 0px;
}

.employeeTable{
    border-bottom: 0px;
}

.infoHeader {
    height: 36px;
    font-size: 16px;
    color: #fff;
    background: #4d4d4d;
}

.infoHeader th, .infoDetail td {
    padding-left: 19px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #000;
}

.infoDetail td {
    font-size: 15px;
    color: #4d4d4d;
}

.infoDetail .notes{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.ownerTable .infoDetail {
    height: 63px;
}

.employeeTable .infoDetail {
    height: 229px;
}

.infoDetail .account {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.infoDetail .email {
    margin-bottom: 15px;
}

.infoDetail .email span:first-child {
    display: block;
    float: left;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 15px;
}

.infoDetail .mobile span {
    margin-left: 14px;
}

.infoDetail .password {
    margin-bottom: 8px;
}

.infoDetail .password span {
    padding-left: 14px;
}

.operator {
    width: 100%;
    text-align: center;
}

.operator span:first-child {
    margin-right: 50px;
}

.accountSetting .sp {
    width: 100%;
    height: 3px;
    margin-top: 25px;
    background: #fec926;
}

#addEmployee {
    background: #848586;
    font-size: 14px;
    color: #fff;
    width: 121px;
    line-height: 23px;
    height: 33px;
    margin-bottom: 11px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-width: 0px;
}

#addEmployee:hover {
    background: #4d4d4d;
}

.infoDetail .employeeName span {
    margin-left: 14px;
}

.infoDetail .permission {
    width: 100%;
    height: 229px;;
    padding-left: 30px;
}

.permission .rights {
    min-height: 10px;
    max-height: 189px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.rights .ritem {
    height: 83px;
    width: 339px;
    margin-top: 9px;
}

.ritem .rhead {
    position: relative;
    height: 26px;
    width: 100%;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 15px;
    color: #fff;
    background: #848586;
}

.rhead a {
    margin-left: 10px;
    color: #fec926 !important;
}

.rhead a:hover {
    color: #fff5b8 !important;
    text-decoration: underline;
}

.rhead span {
    position: absolute;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-left: 144px;
    margin-top: 2px;
    background: url("../img/dashboard/close.png");
}

.rhead span:hover {
    background: url("../img/dashboard/modal-close-hl.png");
}


.ritem .rcontent {
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
}

.rcontent .checkitem {
    width: 76px;
    height: 25px;
    font-size: 15px;
    margin-right: 2px;
    color: #848586;
    display: inline-block;
}

.checkitem input[type=checkbox] {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-top: -1px;
    margin-left: -3px;
}

.permission .addMore {
    margin-top: 5px;
}

.addMore span {
    position: absolute;
    cursor: pointer;
    width: 107px;
    height: 19px;
    margin-top: 5px;
    background: url("../img/dashboard/addpermission.png");
}

.addMore span:hover {
    position: absolute;
    cursor: pointer;
    width: 107px;
    height: 19px;
    margin-top: 5px;
    background: url("../img/dashboard/addpermission_hl.png");
}

.rowDisabled td{
    color: #848586 !important;
}

.rowDisabled td a{
    pointer-events: none !important;
    cursor: default !important;
    color: #848586 !important;
}

.rowDisabled td .account a{
    pointer-events: auto !important;
    cursor: pointer !important;
    color: #ff7800 !important;
}

.rowDisabled td .account a:hover{
    color: #fec926 !important
}

.rowDisabled .addMore span{
    pointer-events: none;
}

/*添加房型弹层*/
.new-roomtype-body, .update-roomtype-body{
    width:100%;
    font-size: 15px;
    max-height: 350px;
    color: #4d4d4d;
    padding-left: 25px;
    overflow-y: auto;
}

.new-roomtype-body input[type=text], .update-roomtype-body input[type=text]{
    height: 27px;
    margin-left: 11px;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.roomtype-name-item{
    width: 100%;
    margin-top: 12px;
}

.roomtype-name-item .point, .init-price-item .point, .room-number-item .point{
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    background: url(../img/roomTypesMgr/yellowPoint.png);
    margin-right: 16px;
    margin-top: 2px;
}

.roomtype-name-item #roomTypeName{
    width: 163px;
}

.roomtype-notes-item #notes{
    width: 652px;
    height: 42px;
    margin-left: 38px;
    margin-top: 10px;
}

.init-price-item{
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.init-price-item input[type=text]{
    width: 67px;
}

.weekday-price-item{
    margin-top: 9px;
    width: 100%;
    height: 50px;
    padding-left: 117px;
}

.weekday-price-item span{
    display: block;
    float: left;
    width: 70px;
    height: 100%;
    margin-right: 10px;
}

.weekday-price-item span input[type=text]{
    width: 67px;
}

.weekday-price-item span p:first-child{
    margin-left: 13px;
}

.room-number-item{
    height: 27px;
    margin-top: 10px;
}

.room-number-item .point{
    height: 22px;
}

.room-number-item span:last-child{
    display: block;
    float: left;
    height: 22px;
    margin-top: 3px;
}

.add-remove-room-number-item{
    width: 100%;
    margin-top: 6px;
    padding-left: 38px;
}

.add-remove-room-number-item .roomUnit{
    width: 100px;
    height: 27px;
    display: block;
    margin-right: 16px;
    float: left;
    margin-bottom: 10px;
}

.roomUnit input[type=text]{
    width: 67px;
    height: 27px;
    border: 1px solid #4d4d4d;
    margin-left: 0px !important;
    padding-left: 5px;
}

.roomUnit div:first-child{
    float: left;
}

.roomUnit div.removeRoom{
    float:left;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background: url("../img/roomTypesMgr/remove.png");
    margin-left: 6px;
}

.roomUnit div.removeRoom:hover,.roomUnit div.removeRoom:active{
    background: url("../img/roomTypesMgr/remove-hl.png");
}

.add-remove-room-number-item .addRoom{
    display: block;
    float: left;
    width: 63px;
    height: 27px;
    cursor: pointer;
    background: url("../img/roomTypesMgr/addRoom.png");
}

.add-remove-room-number-item .addRoom:hover, .add-remove-room-number-item .addRoom:active{
    background: url("../img/roomTypesMgr/addRoom-hl.png");
}

#newRoomType .errorMsg{
    font-size: 14px;
    color: red;
    clear: both;
    text-align: center;
    height: 20px;
}

.new-roomtype-footer, .update-roomtype-footer{
    width: 100%;
    height: 27px;
    margin-top: 15px;
    margin-bottom: 20px;
    text-align: center;
}

.new-roomtype-footer #saveBtn, .update-roomtype-footer #saveBtn{
    height: 100%;
    width: 117px;
    color: #fff;
    background: #fbbb01;
    font-size: 15px;
}

.new-roomtype-footer #saveBtn:hover, .update-roomtype-footer #saveBtn:hover{
    background: #fed558;
}

.validate-failed{
    border: 1px solid red !important;
}

/*修改房价弹层*/
.change-roomtype-price-body{
    width: 100%;
    font-size: 15px;
}

.change-roomtype-price-item{
    width: 100%;
    text-align: center;
    margin-top: 13px;
}

.change-roomtype-price-item div{
    margin-left: 35px;
}

.change-roomtype-price-item span:last-child{
    margin-left: 10px;
}

.change-roomtype-price-item input[type=text]{
    width: 181px;
    height: 27px;
    border:1px solid #4d4d4d;
    padding-left: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.change-roomtype-price-body #saveBtn{
    width: 117px;
    height: 27px;
    background: #4d4d4d;
    color: #fff;;
    margin-top: 9px;
    margin-left: 144px;
    margin-bottom: 20px;
}

.change-roomtype-price-body #saveBtn:hover{
    background: rgba(254,201,38,.7);
}

.change-roomtype-price-body .errorMsg{
    color: red;
    margin-top: 15px;
    margin-bottom: 2px;
    font-size: 13px;
    height: 13px;
    margin-left: 144px;
}

/*房型列表及新增房型*/
.roomTypeInfo {
    width: 1301px;
    min-width: 1301px;
    margin: 0 auto;
}

.roomTypeTable {
    width: 100%;
    height: 100%;
    border: 1px solid #4d4d4d;
    display: table;
    table-layout: fixed;
    box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -webkit-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    border-collapse: separate;
    border-spacing: 0px 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.roomTypeTable .infoDetail {
    height: 50px;
}

.roomTypeTable .infoHeader th {
    font-size: 15px;
}

.roomTypeTable .infoDetail td {
    border-right: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
}

.roomTypeTable .infoDetail td a {
    color: #ff7800 !important;
}

.roomTypeTable .infoDetail td a:hover {
    color: #fec926 !important;
}

.roomTypeTable .infoDetail .defaultPrice span:last-child {
    color: #ff7800;
}

.roomTypeTable .infoDetail .roomNums {
    max-width: 347px;
    width: 347px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#addRoomType {
    background: #4d4d4d;
    color: #fff;
    height: 24px;
    width: 95px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#addRoomType:hover {
    background: #fec926;
}

.infoDetail td .notes span:first-child, .infoDetail td .operation span:first-child {
    margin-right: 15px;
}

.goUp, .goDown{
    width: 10px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
}

.infoDetail td .rank div{
    float: right;
    width: 50px;
    height: 20px;
}

.infoDetail td .rank div span:first-child{
    background: url("../img/roomTypesMgr/goUp.png");
}

.infoDetail td .rank div span:first-child:hover{
    background: url("../img/roomTypesMgr/goUp-hl.png");
}

.infoDetail td .rank div span:last-child{
    background: url("../img/roomTypesMgr/goDown.png");
}

.infoDetail td .rank div span:last-child:hover{
    background: url("../img/roomTypesMgr/goDown-hl.png");
}

/*价格日历*/
.roomtypeSetting{
    position: absolute;
    top: 135px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding-bottom: 20px;
}

.roompriceSetting .toolbar{
    width: 100%;
    height: 44px;
    background: #dddee0;
    color: #000;
    font-size: 15px;
    min-width: 1080px;
}

.toolbar .chooseRoomType, .toolbar .chooseYear, .toolbar .chooseMonth{
    float: left;
    margin-left: 15px;
    height: 100%;
}

.toolbar select{
    width: 100%;
    height: 100%;
    font-size: 15px;
    -webkit-appearance: menulist-button;
    -moz-appearance:menulist-button;
    appearance:menulist-button;
    margin-top: 12px;
    color: #333;
    outline: 0;
    border-radius: 2px;
    height:24px;
}

.toolbar .chooseMonth select{
    width: 50px;
}

.chooseRoomType span:last-child{
    display: inline-block;
    width: 125px;
    height: 21px;
}

.chooseYear span:last-child, .chooseMonth span:last-child{
    display: inline-block;
    width: 75px;
    height: 21px;
}

.toolbar #queryBtn{
    float: left;
    width: 66px;
    height: 24px;
    color: #fff;
    background: #4d4d4d;
    font-size: 13px;
    margin-top: 12px;
}

.toolbar #queryBtn:hover{
    background: #fec926;
}

.pCalendar {
    position: absolute;
    top: 165px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding-bottom: 20px;
}

.pCalendar .pcInfo {
    width: 840px;
    height: 321px;
    margin: 0 auto;
    margin-top: 28px;
}

.pcTable{
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    display: table;
    table-layout: fixed;
    box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    -webkit-box-shadow: 0 4px 15px rgba(51, 51, 51, .3);
    border-collapse: separate;
    border-spacing: 0px 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.pcTable th{
    width: 120px;
    height: 38px;
    background: #4d4d4d;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.pcTable td{
    width: 120px;
    height: 56px;
    border-right: 1px #4d4d4d solid;
    border-bottom: 1px #4d4d4d solid;
}

.pcTable td .pcCellInfo{
    width: 100%;
    height: 100%;
    text-align: center;
}

.pcCellInfo div:first-child{
    color: #4d4d4d;
    font-size: 18px;
    margin-top: 9px;;
}

.pcCellInfo div:last-child{
    color: #ff7800;
    font-size: 16px;
}

.pcTable td.canChangePrice{
    background: #fff0c5;
}

.pcTable td.selected{
    background: #fec827;
}

/*活动发布*/
.publishForms{
    position: absolute;
    top: 175px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding-bottom: 20px;
}

.publishForms .pubContents{
    width: 1037px;
    margin: 0 auto;
}

.publishForms hr{
    width: 100%;
    height: 1px;
}

.publishForms button, .pubHeader button{
    background: #4d4d4d;
    color: #fff;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    height: 24px;
    line-height: 21px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 10px;
}

.publishForms button:hover, .pubHeader button:hover{
    background: #fec926;
}

.activityBasicInfo, .costsInfo{
    position: relative;
    width: 100%;
}

.pubHeader{
    width: 100%;
    padding-left: 195px;
    margin-top: 15px;
    min-width: 1000px;
}

.activityBasicInfo, .costsInfo{
    background: #fff;
    padding-left: 60px;
    padding-right: 60px;
}

.activityBasicInfo .infoTitle, .costsInfo .infoTitle{
    width: 100%;
    height: 45px;
    font-size: 16px;
    color: #4d4d4d;
    border-bottom: 3px solid #fec926;
    font-weight: bolder;
    padding-top: 10px;
}

.activityItem{
    margin-top: 20px;
    height: 50px;
    clear: both;
}

.activityItem .itemName{
    font-size: 15px;
    color: #4d4d4d;
    height: 100%;
    float: left;
    padding-top: 14px;
}

.activityItem .itemName span:first-child{
    display: block;
    float: left;
    width: 22px;
    height:22px;
    margin-right: 16px;
    background: url("../img/roomTypesMgr/yellowPoint.png");
}

.activityItem .itemContent{
    position: relative;
    float: left;
    margin-left: 16px;
    width: 803px;
}

.activityItem input[type=text]{
    height: 50px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 16px;
    color: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #4d4d4d;
}

.activityItem input[name=address]{
    width: 495px;
    padding-right: 43px;
}

#activityTitile{
    width: 100%;
}

select[name='province'], select[name='city']{
    margin-right: 16px;
    float: left;
    width: 138px;
    height: 50px;
    font-size: 16px;
    padding: 12px;
    border:1px solid #4d4d4d;
    text-indent: 4px;
    /*-webkit-appearance: textfield;*/
    /*background-image: url(down-arrow.svg);*/
    /*background-repeat: no-repeat;*/
    /*background-position: right 15px center;*/
    /*background-color: white;*/
}

.itemContent .fromDate, .itemContent .toDate{
    position: relative;
    float: left;
}

.itemContent .fromDate input[type=text], .itemContent .toDate input[type=text]{
    width: 138px;
}

.itemContent .fromDate label, .itemContent .toDate label{
    position: absolute;
    width: 15px;
    height: 15px;
    display: inline;
    background: url(../img/dashboard/calendarIcon.png);
    top: 18px;
    left: 110px;
}

.itemContent .fromTime, .itemContent .toTime{
    width: 120px;
    float: left;
    margin-left: 16px;
}

.itemContent .fromTime select, .itemContent .toTime select{
    width: 100%;
    height: 50px;
    border: 1px solid #4d4d4d;
}

.reserve-body {
    width: 100%;
    font-size: 15px;
    max-height: 350px;
    color: #4d4d4d;
    padding-left: 25px;
    overflow-y: auto;
}

.reserve-time-item, .reserve-reserverInfo-item {
    width: 100%;
    margin-top: 12px;
}

.point {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    background: url('../img/roomTypesMgr/yellowPoint.png');
    margin-right: 16px;
    margin-top: 2px;
}

.reserve-time-item .roomType, .reserve-time-item .roomNumber {
    color: #ff7802;
    height: 27px;
}

.reserve-time-item .roomNumber {
    margin-left: 10px;
}

.reserve-body input[type="text"] {
    height: 27px;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #4d4d4d;
}

.reserve-time-item input[type="text"] {
    width: 94px;
    margin-left: 9px;
    margin-right: 9px;
}

.reserve-reserverInfo-item select {
    height: 27px;
    width: 80px;
    margin-right: 9px;
    outline: 0;
    -webkit-appearance: menulist-button;
    -moz-appearance:menulist-button;
    appearance:menulist-button;
}

.reserve-reserverInfo-item .arrTime {
    color: #9d9d9d;
    margin-left: 85px;
}

.reserve-reserverInfo-item #reservePeople {
    width: 143px;
    margin-right: 9px;
}

.reserve-reserverInfo-item #reserveNotes {
    width: 647px;
    height: 42px;
    margin-left: 38px;
    margin-top: 12px;
    margin-bottom: 12px;
    border: 1px solid #ccc;
    color: #333;
    vertical-align: middle;
    outline: 0;
    border-radius: 4px;
    padding: 5px;
    resize: vertical; /*只允许垂直拉伸*/
}

.customerList, .consumeList {
    float: left;
    width: 660px;
}

.customerList .customerItem {
    clear: both;
    position: relative;
    margin-bottom: 9px;
    height: 27px;
}

.customerItem .customerName {
    float: left;
    width: 143px;
}

.customerItem .addCustomer {
    display: block;
    float: left;
    width: 75px;
    height: 27px;
    margin-left: 9px;
    background: url('../img/dashboard/addcustomer.png');
}

.customerItem .addCustomer:hover {
    background: url('../img/dashboard/addcustomer_hl.png');
    cursor: pointer;
}

.otherCostsItem{
    position: relative;
}

.customerItem .removeCustomer, .otherCostsItem .removeCosts {
    display: block;
    float: left;
    cursor: pointer;
    width: 27px;
    height: 27px;
    margin-left: 9px;
    background: url('../img/roomTypesMgr/remove.png');
}

.customerItem .removeCustomer:hover, .otherCostsItem .removeCosts:hover {
    background: url('../img/roomTypesMgr/remove-hl.png');
}

.otherCostsItem .removeCosts{
    margin-left: 0px !important;
    margin-right: 9px;
}

.customerItem select {
    float: left;
    width: 80px;
    outline: 0;
    height: 27px;
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 4px;
    -webkit-appearance: menulist-button;
    -moz-appearance:menulist-button;
    appearance:menulist-button;
}

.customerItem .customerIdNo {
    float: left;
    width: 190px;
}

.reserve-reserverInfo-item #reserveMobile {
    width: 163px;
}

.duration span {
    color: #9d9d9d;
}

.consumeList .consumeSum {
    font-size: 16px;
}

.consumeSum div, .new-reserve-footer div{
    float: right;
}

.new-reserve-footer{
    width: 100%;
    height: 27px;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
}

.new-reserve-footer #saveBtn{
    height: 100%;
    width: 117px;
    color: #fff;
    background: #fbbb01;
    font-size: 15px;
    margin-left: 300px;
    float:left;
}

.new-reserve-footer #saveBtn:hover{
    background: rgba(254,201,38,.7);
}

.new-reserve-footer div span:first-child{
    font-size: 16px;
    color: #4d4d4d;
}

.consumeSum div span:last-child {
    margin-left: 22px;
    color: #31aa62;
}

.new-reserve-footer div span:last-child{
    margin-left: 22px;
    margin-right: 26px;
    color: #ff7802;
    font-size: 16px;
}

.roomCostsItem {
    position: relative;
    margin-top: 9px;
    height: 27px;
}

.roomCostsItem input[type="text"] {
    margin-right: 9px;
    height: 27px;
}

.roomCostsItem input:first-child {
    width: 102px;
}

.roomCostsItem input:first-child:read-only {
    background: #dbdee0;
    padding-left: 5px;
    float: left;
}

.roomCostsItem #roomCosts {
    width: 62px;
    float: left;
}

.roomCostsItem #roomCostsNotes {
    width: 249px;
    float: left;
}

.addIncome {
    display: block;
    float: left;
    width: 86px;
    height: 27px;
    background: url('../img/dashboard/consume.png');
    cursor: pointer;
}

.addIncome:hover {
    background: url('../img/dashboard/consume-hl.png');
}

.otherCostsItem{
    margin-top: 9px;
    clear: both;
    height: 27px;
}

.otherCostsItem select, .otherCostsItem input[type="text"]{
    height: 27px;
    margin-right: 9px;
}

.otherCostsItem .otherCostsSelect{
    width: 102px;
    float: left;
    outline: 0;
    -webkit-appearance: menulist-button;
    -moz-appearance:menulist-button;
    appearance:menulist-button;
}

.otherCostsItem .otherCosts{
    width: 62px;
    float: left;
}

.otherCostsItem .otherCostsNotes{
    width: 249px;
    float: left;
}

.reserveErrMsg{
    text-align: center;
    color: #f44;
    margin-top: 30px;
    font-size: 15px;
    line-height: 15px;
    height: 15px;
}